<template>
  <div>
    <div class="vertical-align-flex" v-for="(item, idx) in pages[2].fields" :key="idx">
      <div class="field">{{item}}：</div>
      <div class="value" v-if="idx==0">
        <div :class="['switch', {'switch-off': false}] "></div>
      </div>
      <div class="value" v-if="idx==1">
        <!-- <el-select class="select-middle"></el-select> -->
      </div>
      <div class="value" v-if="idx>1">
        <input class="input-none bottom-line">
      </div>
    </div>
    <div class="value alone-right">
      <div class="btn btn-blue">{{$t('btn.save')}}</div>
      <div class="btn btn-blue">{{$t('btn.checkUpdate')}}</div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      pages: this.$t('advanced.pages'),
    }
  },

  created(){
    this.$bus.emit("changeTab", 2)
  },
  activated(){
    this.$bus.emit("changeTab", 2)
  }
}
</script>